@font-face{font-family:FZYOUH_506L--GB1-4;src:url(../font/FZYH_506L.eot?20180319095348);src:url(../font/FZYH_506L.eot?20180319095348#ie-fixed) format("embedded-opentype"),url(../font/FZYH_506L.woff2?20180319095348) format("woff2"),url(../font/FZYH_506L.woff?20180319095348) format("woff"),url(../font/FZYH_506L.ttf?20180319095348) format("truetype"),url(../font/FZYH_506L.svg?20180319095348) format("svg");font-style:normal;font-weight:200}@font-face{font-family:FZYOUH_508R--GB1-4;src:url(../font/FZYH_508R.eot?20180319095348);src:url(../font/FZYH_508R.eot?20180319095348#ie-fixed) format("embedded-opentype"),url(../font/FZYH_508R.woff2?20180319095348) format("woff2"),url(../font/FZYH_508R.woff?20180319095348) format("woff"),url(../font/FZYH_508R.ttf?20180319095348) format("truetype"),url(../font/FZYH_508R.svg?20180319095348) format("svg");font-style:normal;font-weight:200}@font-face{font-family:FZYH510M;src:url(../font/FZYH_510M.eot?20180319095348);src:url(../font/FZYH_510M.eot?20180319095348#ie-fixed) format("embedded-opentype"),url(../font/FZYH_510M.woff2?20180319095348) format("woff2"),url(../font/FZYH_510M.woff?20180319095348) format("woff"),url(../font/FZYH_510M.ttf?20180319095348) format("truetype"),url(../font/FZYH_510M.svg?20180319095348) format("svg");font-style:normal;font-weight:200}@font-face{font-family:FZYOUH_512B--GB1-4;src:url(../font/FZYH_512B.eot?20180319095348);src:url(../font/FZYH_512B.eot?20180319095348#ie-fixed) format("embedded-opentype"),url(../font/FZYH_512B.woff2?20180319095348) format("woff2"),url(../font/FZYH_512B.woff?20180319095348) format("woff"),url(../font/FZYH_512B.ttf?20180319095348) format("truetype"),url(../font/FZYH_512B.svg?20180319095348) format("svg");font-style:normal;font-weight:200}@font-face{font-family:OPPOSans-Bold;src:url(../font/OPPOSans-Bold.eot?20190322103310#ie-fixed);src:url(../font/OPPOSans-Bold.eot?20190322103310#ie-fixed) format("embedded-opentype"),url(../font/OPPOSans-Bold.woff2?20190322103310) format("woff2"),url(../font/OPPOSans-Bold.woff?20190322103310) format("woff"),url(../font/OPPOSans-Bold.ttf?20190322103310) format("truetype");font-style:normal;font-weight:200}@font-face{font-family:OPPOSans-Regular;src:url(../font/OPPOSans-Regular.eot?20190322103310#ie-fixed);src:url(../font/OPPOSans-Regular.eot?20190322103310#ie-fixed) format("embedded-opentype"),url(../font/OPPOSans-Regular.woff2?20190322103310) format("woff2"),url(../font/OPPOSans-Regular.woff?20190322103310) format("woff"),url(../font/OPPOSans-Regular.ttf?20190322103310) format("truetype");font-style:normal;font-weight:200}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,html{background:#fff}body{font-family:OPPOSans-Regular,Noto Sans CJK SC,Source Han Sans CN,Roboto,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",PingFang SC,Arial,"sans-serif"}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}a{background:transparent;-webkit-tap-highlight-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}table{border-collapse:collapse;border-spacing:0}ul{list-style:none}.videoplayer{background:#000}.nav-top .logo-container,.nav .logo-container{position:relative;text-align:center;margin:.5rem .4rem 0;line-height:0}.nav-top .logo-container .logo,.nav .logo-container .logo{width:1.68rem;height:.37rem;background-size:contain}.nav{width:100%;position:absolute;top:0;z-index:999;height:1.28rem;text-align:center;font-size:18px}.nav a{display:block;margin:auto}.nav .logo{margin:0;display:inline-block;background:url(../img/mobile/logo9-h5.png?180329) no-repeat 50%;-webkit-transition:background-image .4s ease-in-out;transition:background-image .4s ease-in-out}.nav .bbs{top:0;font-size:.3rem;-webkit-transition:color .4s ease-in-out;transition:color .4s ease-in-out}.nav .bbs,.nav .follow{position:absolute;right:0;color:#fff}.nav .follow{top:-.07rem;border:1px solid #fff;border-radius:.08rem;padding-top:.01rem;width:1.1rem;font-size:.24rem;line-height:.46rem;text-align:center;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;font-family:OPPOSans-Regular}.nav .follow-plus{margin-right:2px}.nav-anti .logo{background:url(../img/logo9-anti-h5.png?180329) no-repeat 50%;background-size:contain}.nav-anti .bbs{color:#000}.nav-anti .follow{color:#000;border-color:#000}.nav-top .menu_icon,.nav .menu_icon{position:absolute;z-index:1;height:.4rem;width:.45rem;padding:.1rem}.nav .menu_icon{left:-.1rem;top:-.1rem}.nav-top .menu_icon{left:0;top:0}.nav-top .menu_icon .line,.nav .menu_icon .line{height:0;border-bottom:1px solid #000;width:.42rem}.nav-top .menu_icon .line:first-of-type,.nav .menu_icon .line:first-of-type{margin-top:0}.nav .menu_icon .line{margin:.12rem 0;border-color:#fff}.nav-anti .menu_icon .line{border-color:#000}.nav-left,.nav-top{position:fixed;left:0;top:0;z-index:1001;width:100%;font-family:OPPOSans-Regular}.nav-top{height:1.28rem;display:none}.nav-top .logo{margin:0;display:inline-block;background:url(../img/logo9-anti-h5.png?180329) no-repeat 50%;-webkit-transition:background-image .4s ease-in-out;transition:background-image .4s ease-in-out}.nav-top .menu_icon .top{position:absolute;left:0;top:0;background:#000}.nav-top .menu_icon .top-rotate-enter{top:.13rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:indexNavLeftLineTop .3s ease-in-out;animation:indexNavLeftLineTop .3s ease-in-out}.nav-top .menu_icon .bottom-rotate-leave,.nav-top .menu_icon .top-rotate-leave{opacity:.5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nav-top .menu_icon .middle{position:absolute;left:0;top:.13rem;width:0;background:#000}.nav-top .menu_icon .middle-leave{width:.42rem;opacity:.5;-webkit-transition:all .1s ease-in-out .2s;transition:all .1s ease-in-out .2s}.nav-top .menu_icon .bottom{position:absolute;left:0;top:.25rem;background:#000}.nav-top .menu_icon .bottom-rotate-enter{top:.135rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:indexNavLeftLineBottom .3s ease-in-out;animation:indexNavLeftLineBottom .3s ease-in-out}@-webkit-keyframes indexNavLeftLineTop{0%{top:0;-webkit-transform:none;transform:none}to{top:.13rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes indexNavLeftLineTop{0%{top:0;-webkit-transform:none;transform:none}to{top:.13rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes indexNavLeftLineBottom{0%{top:.25rem;-webkit-transform:none;transform:none}to{top:.135rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes indexNavLeftLineBottom{0%{top:.25rem;-webkit-transform:none;transform:none}to{top:.135rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.nav-left{display:none;opacity:.4;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);background:#fff;z-index:1000}.nav-left.left-enter{display:block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:indexNavLeftEnter .3s ease-in-out;animation:indexNavLeftEnter .3s ease-in-out;-webkit-box-shadow:0 2px .12rem 0 rgba(0,0,0,.07);box-shadow:0 2px .12rem 0 rgba(0,0,0,.07)}.nav-left.left-leave{display:block;opacity:1;-webkit-transform:translateY(-110%);transform:translateY(-110%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@-webkit-keyframes indexNavLeftEnter{0%{opacity:.4;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}50%{opacity:.4;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavLeftEnter{0%{opacity:.4;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}50%{opacity:.4;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-list{text-align:left;padding:2.18rem 0 0}.nav-list li:active{background:#f2f4f8}.nav-list li a{display:block;opacity:0;margin:0 .39rem;line-height:1.2rem;font-size:.3rem;text-decoration:none;color:#000}.nav-list.list-enter li a{opacity:1;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #f4f5f9}.nav-list.list-enter li:last-of-type a{border-bottom:0}.nav-list.list-enter li:first-of-type a{-webkit-animation:indexNavListEnter-1 .8s ease-in-out;animation:indexNavListEnter-1 .8s ease-in-out}.nav-list.list-enter li:nth-of-type(2) a{-webkit-animation:indexNavListEnter-2 .8s ease-in-out;animation:indexNavListEnter-2 .8s ease-in-out}.nav-list.list-enter li:nth-of-type(3) a{-webkit-animation:indexNavListEnter-3 .8s ease-in-out;animation:indexNavListEnter-3 .8s ease-in-out}.nav-list.list-enter li:nth-of-type(4) a{-webkit-animation:indexNavListEnter-4 .8s ease-in-out;animation:indexNavListEnter-4 .8s ease-in-out}.nav-list.list-enter li:nth-of-type(5) a{-webkit-animation:indexNavListEnter-5 .8s ease-in-out;animation:indexNavListEnter-5 .8s ease-in-out}.nav-list.list-leave li a{opacity:.5;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}@-webkit-keyframes indexNavListEnter-1{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}40%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavListEnter-1{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}40%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes indexNavListEnter-2{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}10%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}50%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavListEnter-2{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}10%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}50%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes indexNavListEnter-3{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}20%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}60%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavListEnter-3{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}20%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}60%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes indexNavListEnter-4{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}30%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}70%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavListEnter-4{0%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}30%{opacity:0;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}70%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:1px solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes indexNavListEnter-5{0%{opacity:0;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}40%{opacity:0;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}80%{opacity:1;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:0 solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavListEnter-5{0%{opacity:0;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}40%{opacity:0;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}80%{opacity:1;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;border-bottom:0 solid hsla(0,0%,100%,0);-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:0 solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes indexNavListEnter{0%{opacity:0;border-bottom:0 solid #f4f5f9;-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}80%{opacity:1;border-bottom:0 solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes indexNavListEnter{0%{opacity:0;border-bottom:0 solid #f4f5f9;-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}80%{opacity:1;border-bottom:0 solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;border-bottom:1px solid #f4f5f9;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-left .close{position:absolute;left:25px;top:18px;font-size:20px;background:url(../img/mobile/header_close.jpg) no-repeat 50%;width:24px;height:24px;background-size:contain}#overlay{display:none;background:#000;opacity:.3;width:100%;position:fixed;z-index:99999;top:0;left:0;height:100%;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.inner_nav{background:#fcfcfc}.inner_nav .text{float:left;height:40px;line-height:40px;width:100px;text-align:center;background:url(../img/mobile/small_down_arrow.png) no-repeat 86px}.inner_nav .feature-list{position:fixed;left:0;top:40px;line-height:35px;background:#fff;width:100px;display:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.inner_nav .feature-list li{border-bottom:1px solid #fcfcfc}.head4,.head9{opacity:.96;background:#fff}.head4 .logo,.head9 .logo{background:url(../img/logo9-anti-h5.png?180329) no-repeat 50%;background-size:contain}.head4 .menu_icon .line,.head9 .menu_icon .line{border-color:#3e3e3e}.head4 .bbs,.head4 .nav-list li a,.head9 .bbs,.head9 .nav-list li a{color:#3e3e3e}#nav_small{position:fixed;top:95px;left:0;z-index:99999;background:#fcfcfc;-webkit-box-shadow:0 0 5px #fff;box-shadow:0 0 5px #fff;width:100%;text-align:right}#nav_small .nav_small_content{margin:0 auto;width:1200px;height:70px;line-height:70px}.feature-list li a{font-family:xianhei;font-size:16px;text-decoration:none;display:block;padding:0 14px;color:#383838;opacity:.6}.fp-viewing-clean .feature-list li a.a_clean,.fp-viewing-contracted .feature-list li a.a_contracted,.fp-viewing-design .feature-list li a.a_design,.fp-viewing-light-0 .feature-list li a.a_light,.fp-viewing-light-1 .feature-list li a.a_light,.fp-viewing-light .feature-list li a.a_light,.fp-viewing-save .feature-list li a.a_save{opacity:1}.focus{overflow:hidden}.focus .slide{min-width:100%}.focus .item{float:left;overflow:hidden;min-width:100vw}.focus .item .content{height:100%;width:100%}.focus .slide_status{margin:auto;position:absolute;bottom:15px;width:100%;text-align:center}.focus .slide_status a{display:inline-block;width:10px;height:10px;border-radius:100%;background:rgba(0,0,0,.5);margin:0 8px;cursor:pointer;opacity:.5;border:1px solid #fff}.focus .slide_status a.on{opacity:1;-webkit-box-shadow:#fff 0 0 1px 0;box-shadow:0 0 1px 0 #fff;background:hsla(0,0%,85.1%,.5);border:1px solid #fff}.focus .slide_transition{transition:all .5s linear 0s;-webkit-transition:all .5s linear 0s}.focus_padding{height:41px}.focus_padding_bottom{height:15px}.videopop{position:fixed;left:50%;top:50%;z-index:99999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:0}.videomask,.videopop video{width:100%;height:100%}.videomask{position:absolute;left:0;top:0;z-index:9999;background:#000;opacity:.5;display:none}.videopopclose{position:absolute;right:.4rem;top:-.76rem;width:.36rem;height:.36rem;background:url(../img/mobile/video-close.png) no-repeat 50%;background-size:contain}.videopopclose:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#nav_small .feature-list li{display:inline-block}#nav_small .feature-list li a h2{padding:5px 0;line-height:90px;font-size:16px;font-family:zhunhei;color:#333}#nav_small .feature-list li a.on h2{color:#00939b}#nav_small .feature-list li{height:auto;max-width:120px;position:relative}#nav_small .feature-list li.seperator{height:19px;margin-top:40px;background:#c7c7c7}#index-banner .slide-show{position:relative;height:10rem}#index-banner .slide-show .focus_item{position:absolute;left:0;top:0;display:none;opacity:0;width:100%;height:10rem;background-repeat:no-repeat;background-size:cover;background-position:50%}#index-banner .slide-show .content{height:100%;width:100%;display:block}#index-banner .slide-show .item-show{opacity:1;display:block}#index-banner .slide-show .item-show.slide-fade-in{-webkit-animation:indexSlideFadeIn .5s linear;animation:indexSlideFadeIn .5s linear}#index-banner .slide-show .item-show.slide-fade-out{-webkit-animation:indexSlideFadeOut .5s linear;animation:indexSlideFadeOut .5s linear}#index-banner .slide-show .z-first{z-index:2}@-webkit-keyframes indexSlideFadeIn{0%{opacity:0}to{opacity:1}}@keyframes indexSlideFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes indexSlideFadeOut{0%{opacity:1}to{opacity:0}}@keyframes indexSlideFadeOut{0%{opacity:1}to{opacity:0}}.focus{position:relative}.focus .hd{margin:auto;position:absolute;bottom:.18rem;width:100%;text-align:center;font-size:0}.focus .hd li{display:inline-block;padding:.2rem .16rem}.focus .hd .bar{position:relative;width:.36rem;height:.06rem;border-radius:.05rem;background:hsla(0,0%,100%,.2);cursor:pointer}.focus .hd .hb-anti{background:rgba(74,74,74,.2)}.focus .hd .on{width:.6rem}.focus .hd .on:before{content:" ";position:absolute;left:0;top:0;width:.6rem;height:.06rem;background:#fff;border-radius:.05rem;-webkit-animation:indexBarBefore 5s linear;animation:indexBarBefore 5s linear;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes indexBarBefore{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes indexBarBefore{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.focus .hd .hb-anti.on:before{background:#4a4a4a}.index-operation{background-color:#f2f4f8;padding:.56rem .4rem .84rem}.index-operation .operation-wrapper{position:relative;margin-top:.35rem;width:100%;background:#fff;font-family:OPPOSans-Regular}.index-operation .operation-wrapper:first-of-type{margin-top:0}.index-operation .operation-wrapper .operation-img,.index-operation .operation-wrapper .operation-video-mask{width:100%;height:3.06rem;background-repeat:no-repeat;background-size:cover;background-position:50%}.index-operation .operation-wrapper .operation-video-mask{position:absolute;left:0;top:0;background:rgba(0,0,0,.4)}.index-operation .operation-wrapper .operation-body{position:relative;padding:.42rem .28rem .58rem 1.04rem;color:#000}.index-operation .operation-wrapper .pin{position:absolute;left:.28rem;top:.61rem;width:.28rem;height:2px;background:#000}.index-operation .operation-wrapper .title{font-size:.3rem}.index-operation .operation-wrapper .sub-title{margin-top:.12rem;font-size:.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-operation .operation-wrapper:active{opacity:.8;background:hsla(0,0%,100%,.8)}.index-operation .operation-wrapper:active .pin{background:rgba(0,0,0,.8)}.index-operation .operation-play-button{position:absolute;top:1.02rem;left:calc(50% - .5rem);z-index:4;width:1rem;height:1rem;cursor:pointer}.index-operation .operation-play-button .triangle-right{position:absolute;width:0;height:0;top:calc(50% - .16rem);left:calc(50% - .12rem);z-index:2;border-top:.16rem solid transparent;border-left:.24rem solid #fff;border-bottom:.16rem solid transparent}.index-operation .operation-play-button .operation-play-cirlce{position:relative;width:100%;height:100%;stroke-dasharray:255%;margin-left:-.045rem;stroke:#fff;fill:none;stroke-dashoffset:0%;-webkit-transition:stroke-dashoffset 1s cubic-bezier(.39,.575,.565,1);transition:stroke-dashoffset 1s cubic-bezier(.39,.575,.565,1)}.index-operation .operation-play-hide.operation-video-mask{opacity:0;background:transparent;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.index-operation .operation-play-hide.operation-play-button .triangle-right{opacity:0;-webkit-transition:opacity .5s ease .8s;transition:opacity .5s ease .8s}.index-operation .operation-play-hide.operation-play-button .operation-play-cirlce{stroke-dashoffset:-255%}@-webkit-keyframes dash{to{stroke-dashoffset:255%}}@keyframes dash{to{stroke-dashoffset:255%}}@-webkit-keyframes solid-circle{to{stroke-dashoffset:0%}}@keyframes solid-circle{to{stroke-dashoffset:0%}}.operation-video-wrapper{position:fixed;left:0;top:0;width:100%;height:100vh;border-bottom:40rem solid #fff;z-index:9999;background:#fff;-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:.9;-webkit-transition:.6s ease-in;transition:.6s ease-in;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.operation-video-wrapper .operation-video-close{position:absolute;right:.5rem;top:.4rem;width:1rem;height:1rem;background:url(../img/close-circle.png) no-repeat 50%;background-size:contain;cursor:pointer;font-size:0;-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;z-index:99}.operation-video-wrapper iframe,.operation-video-wrapper video{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;background:#000}.operation-video-wrapper.close{display:none}.operation-video-wrapper.open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.footer.footer9{background:#f8f9fb}.footer-link{position:relative;padding:.8rem .4rem 1.09rem;font-size:.3rem}.footer-link .group{line-height:.8rem}.footer-link .title{position:relative;font-family:OPPOSans-Regular;color:#0b0b0b}.footer-link .footer-arrow{position:absolute;top:0;right:0;height:100%;width:.22rem;background:url(../img/mobile/footer_arrow.png) no-repeat 50%;background-size:.22rem .11rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.footer-link .open .footer-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.footer-link .child{display:none;margin-bottom:.1rem}.footer-link .child a{display:block;opacity:0;height:0;color:#9b9b9b;-webkit-transition:all .3s .2s;transition:all .3s .2s;font-family:OPPOSans-Regular}.footer-link .open .child a{opacity:1;height:.6rem;line-height:.6rem;-webkit-animation:indexFooterBottomEnter .6s linear;animation:indexFooterBottomEnter .6s linear}.footer-link .open .child a.icon-weixin{-webkit-animation:indexFooterBottomEnter-2 .7s linear;animation:indexFooterBottomEnter-2 .7s linear}.footer-link .tel-global{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.54rem;font-size:.24rem;font-family:OPPOSans-Regular}.footer-link .tel-global .tel{color:#9b9b9b}.footer-link .tel-global .global{width:1.2rem;height:.34rem;padding-top:.02rem;line-height:.34rem;color:#9b9b9b;border:1px solid #d2d2d2;border-radius:.36rem;text-align:center}.footer-link .tel-global .global img{-o-object-fit:contain;object-fit:contain}@-webkit-keyframes indexFooterBottomEnter{0%{height:0;line-height:0;opacity:0}17%{opacity:0;height:.555rem;line-height:.555rem}66.7%{opacity:0;height:.585rem;line-height:.585rem;-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}91.7%{opacity:.75;height:.6rem;line-height:.6rem;-webkit-transform:translateY(-.075rem);transform:translateY(-.075rem)}to{opacity:1;height:.6rem;line-height:.6rem}}@keyframes indexFooterBottomEnter{0%{height:0;line-height:0;opacity:0}17%{opacity:0;height:.555rem;line-height:.555rem}66.7%{opacity:0;height:.585rem;line-height:.585rem;-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}91.7%{opacity:.75;height:.6rem;line-height:.6rem;-webkit-transform:translateY(-.075rem);transform:translateY(-.075rem)}to{opacity:1;height:.6rem;line-height:.6rem}}@-webkit-keyframes indexFooterBottomEnter-2{0%{height:0;line-height:0;opacity:0}14.3%{opacity:0;height:0;line-height:0}28.6%{opacity:0;height:.555rem;line-height:.555rem}71.4%{opacity:0;height:.585rem;line-height:.585rem;-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}92.9%{opacity:.75;height:.6rem;line-height:.6rem;-webkit-transform:translateY(-.075rem);transform:translateY(-.075rem)}to{opacity:1;height:.6rem;line-height:.6rem}}@keyframes indexFooterBottomEnter-2{0%{height:0;line-height:0;opacity:0}14.3%{opacity:0;height:0;line-height:0}28.6%{opacity:0;height:.555rem;line-height:.555rem}71.4%{opacity:0;height:.585rem;line-height:.585rem;-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}92.9%{opacity:.75;height:.6rem;line-height:.6rem;-webkit-transform:translateY(-.075rem);transform:translateY(-.075rem)}to{opacity:1;height:.6rem;line-height:.6rem}}.footer .copyright{margin:0 .5rem;padding-top:.3rem;padding-bottom:.82rem;border-top:1px solid #f4f5f9;color:#9b9b9b;font-family:OPPOSans-Regular;font-size:.24rem}.footer .copyright a{line-height:.46rem;color:#c4c4c4;white-space:nowrap}.footer .copyright .copyright-icon{display:inline-block;width:.22rem;height:.23rem;margin-left:.18rem;margin-right:.12rem;background:url(../img/icon-gs.png) no-repeat 50%;background-size:cover;vertical-align:text-bottom}.footer .qrcodeimg{position:absolute;top:-48px;left:50%;margin-left:-78px;width:200px;height:200px;z-index:9999;display:none}.none{display:none}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.fp-section.top{-webkit-transition:top .5s ease;transition:top .5s ease}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;position:relative}.fp-tableCell img{max-width:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translateZ(0);transform:translateZ(0)}.fp-controlArrow.fp-prev{left:80px;width:100px;height:200px;border:0;background:url(../img/mobile/left_arrow.png) no-repeat 50%}.fp-controlArrow.fp-next{right:80px;width:100px;height:200px;border:0;background:url(../img/mobile/right_arrow.png) no-repeat 50%}.fp-scrollable{overflow:scroll}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translateZ(0)}#fp-nav.right{right:10px}#fp-nav.left{left:10px}.fp-slidesNav{display:none;position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:10px}.fp-slidesNav.top{top:10px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:14px;margin:0;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li:hover a.active span,#fp-nav ul li a.active span,.fp-slidesNav ul li:hover a.active span,.fp-slidesNav ul li a.active span{height:6px;width:6px;margin:-3px 0 0 -3px;border-radius:100%;background:#333}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#cacaca;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-8px;color:#a8a8a8;font-size:13px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);width:0;height:25px;line-height:25px;padding-right:3px;text-align:center;background:url(../img/slide_arrow.png) no-repeat 100%}#fp-nav.fp-show-active a.active+.fp-tooltip,#fp-nav ul li:hover .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:97px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.inner-wrapper{width:100%;margin:0 auto;text-align:center;*zoom:1}.inner-wrapper:after,.inner-wrapper:before{display:table;line-height:0;content:""}.inner-wrapper:after{clear:both}.inner-wrapper .text{text-align:center;position:absolute;color:#383838;z-index:1}.inner-wrapper .text h2{font-size:28px;font-weight:400;margin-bottom:12px;color:#383838}.inner-wrapper .text p{font-size:13px;line-height:20px;color:#383838;width:88%;margin-right:auto;margin-left:auto;text-align:left;text-indent:26px}.inner-wrapper .more,.inner-wrapper .text .more{margin-top:12px;text-align:center;text-indent:0}.inner-wrapper .more a{color:#383838}.inner-wrapper .more a:hover{border-bottom:1px solid #383838;padding-bottom:2px}.inner-wrapper .img{text-align:center}.section{overflow:hidden}.section.footer{overflow:inherit}.section.s1 .inner-wrapper .text{text-align:center;position:relative;margin:70px 15px 0}.section.s1 .inner-wrapper .img{text-align:center;margin-top:0}.section.s1 .inner-wrapper .img img{max-width:30%}.section.s1 .inner-wrapper h3{margin:0 5px 35px;font-weight:400}.section.s1 .inner-wrapper .slide_tab{position:absolute;bottom:10px;left:50%;margin-left:-70px;z-index:99}.section.s1 .inner-wrapper .slide_tab div{line-height:28px;padding:0 10px;display:inline-block;cursor:pointer;border:1px solid #fff;font-size:12px;border-radius:50px}.section.s1 .inner-wrapper .slide_tab .on{border:1px solid #929292;color:#1dbf80}.section.s1 .inner-wrapper .fp-tableCell{vertical-align:top}.section.s1 .fp-slidesNav{display:none}.section.s1 .inner-wrapper .fp-controlArrow{top:50%}.section.s1 .inner-wrapper .fp-controlArrow.fp-prev{left:0;background:none}.section.s1 .inner-wrapper .fp-controlArrow.fp-next{right:0;background:none}.section.s2 .inner-wrapper .text{text-align:center;position:relative;margin:0 15px 15px}.section.s2 .inner-wrapper .img{text-align:center;margin-top:5%}.section.s2 .down_arrow{background:url(../img/mobile/down_arrow.png) no-repeat 50%;position:absolute;z-index:999;width:40px;height:22px;left:50%;margin-left:-20px;bottom:10px}.section.s3 .inner-wrapper .text{text-align:center;position:relative;margin:5% 15px 15px}.section.s3 .inner-wrapper .img{text-align:center;margin-top:5%}.section.s3 .inner-wrapper .img img{max-width:75%}.section.s4 .inner-wrapper .text{text-align:center;top:15%;width:100%}.section.s4 .inner-wrapper .img{text-align:center;position:relative;margin-top:-5%}.section.s4 .inner-wrapper .img img{position:absolute}.section.s4 .inner-wrapper .img .img-1{z-index:9;left:40%;width:200px}.section.s4 .inner-wrapper .img .img-2{z-index:10;left:10%;width:180px}.section.s5 .inner-wrapper .text{text-align:center;position:relative;margin-top:20%}.section.s5 .inner-wrapper .img{text-align:center;position:relative;background:url(../img/mobile/index_s5_bg.png?180329) no-repeat top;width:148px;height:305px;margin:6% auto 0}.section.s5 .inner-wrapper .img .img-phone{width:136px;margin:auto}.section.s5 .inner-wrapper .img img{margin-top:29px;width:136px}.section.s5 .inner-wrapper .img .fp-tableCell{vertical-align:top}.section.s5 .inner-wrapper .fp-controlArrow.fp-prev{left:-60%;top:20%}.section.s5 .inner-wrapper .fp-controlArrow.fp-next{right:-60%;top:20%}.section.s6 .fp-tableCell{vertical-align:top}.section.s6 .inner-wrapper .text{text-align:center;position:relative;margin-top:20%}.section.s6 .inner-wrapper .img{text-align:center;position:relative;margin-top:15%}.section.s6 .inner-wrapper .img img{position:absolute}.section.s6 .inner-wrapper .img .img-1{z-index:10;left:10%;top:5%;width:160px}.section.s6 .inner-wrapper .img .img-2{z-index:9;left:35%;top:10%;width:190px}.section.s7 .inner-wrapper .text{margin:-5% 15px 60px;position:inherit}.section.s7 .inner-wrapper h3{margin:0 5px 35px;font-weight:400}.section.s7 .inner-wrapper .img{text-align:center;margin-top:5%}.section.s7 .fp-tableCell{vertical-align:bottom}.rom_page_wrapper,.software_page_wrapper{padding-left:.4rem;padding-right:.4rem;background:#f2f4f8}.wrapper{background:#fff}.download_container{overflow:hidden}.download-title{text-align:center;font-size:.36rem}.rom_page_wrapper{padding-top:1.58rem}.rom_page_wrapper .wrapper{padding:.6rem .35rem}.rom_page_wrapper .download-title{margin-bottom:.6rem}.rom_page_wrapper .model-more-wrapper{margin-top:.6rem;text-align:center}.rom_page_wrapper .model-more{display:inline-block;width:3.6rem;border-radius:.36rem;line-height:.72rem;color:#00925f;background:#def4ec;font-size:.3rem;text-align:center}.rom_page_wrapper .phone_box{float:left;width:50%;height:2.78rem;margin-top:.14rem;text-align:center;line-height:0}.rom_page_wrapper .phone_box .phone{width:.8rem;height:1.56rem}.rom_page_wrapper .phone_box .phone-description{margin-top:.1rem}.rom_page_wrapper .phone_box .model-name{display:inline-block;max-width:2.5rem;line-height:.32rem;font-size:.24rem;color:#000;font-family:OPPOSans-Regular}.rom_page_wrapper .phone_box .model-version{line-height:.3rem;font-size:.24rem;color:#999}.rom_page_wrapper .phone_box .model-tag{position:absolute;bottom:0;left:0;padding-left:.15rem;padding-right:.15rem;font-size:.24rem;line-height:.42rem;color:#4a4a4a;background:#f2f4f8;border-radius:.06rem}.software_page_wrapper{padding-top:.2rem;padding-bottom:.8rem}.software_page_wrapper .wrapper{padding:.6rem .5rem}.software_page_wrapper .download-title{margin-bottom:.52rem}.software_page_wrapper .software-application{overflow:hidden;padding-top:.3rem;padding-bottom:.3rem;border-bottom:1px solid #f4f5f9}.software_page_wrapper .software-application:last-of-type{border-bottom:0}.software_page_wrapper .software-application .application-img{float:left;width:1rem;height:1rem;margin-right:.41rem;border-radius:.1rem}.software_page_wrapper .software-application .application-text{float:left;width:2.4rem}.software_page_wrapper .software-application .application-title{color:#000;font-size:.3rem;font-family:OPPOSans-Regular}.software_page_wrapper .software-application .application-description{margin-top:.07rem;color:#9b9b9b;line-height:.3rem;font-size:.24rem}.software_page_wrapper .software-application .application-download{float:right;margin-top:.27rem;width:1.2rem;line-height:.54rem;border-radius:.29rem;background:#def4ec;text-align:center;color:#00925f;font-family:OPPOSans-Regular}.downloadtips{background:rgba(0,0,0,.9);width:100%;height:100%;position:absolute;z-index:9999;top:0;left:0;display:none}.downloadtips .right_fix{position:fixed;top:8px;right:7%;width:86%;margin:auto}.downloadtips .right_fix .icon_hand{background:url(../img/icon_hand.png?180329) no-repeat 50%;width:30px;height:82px;background-size:contain;float:right;margin-right:-3%}.downloadtips .right_fix .word{border-radius:15px;padding:2%;background:#fff;text-align:center;clear:both}.gotop{display:none;position:fixed;_position:absolute;bottom:20px;right:20px;cursor:pointer;background:url(../img/mobile/gotop.png) no-repeat 50%;width:32px;height:32px;text-indent:-9999px;overflow:hidden}@media screen and (min-width:768px){#index-banner .slide-show,#index-banner .slide-show .focus_item{height:6rem}.index-operation{padding:.56rem .75rem .84rem}.index-operation .operation-wrapper{margin-top:.42rem}.index-operation .operation-wrapper .operation-img{height:4.15rem}.index-operation .operation-wrapper .title{font-size:.23rem}.index-operation .operation-wrapper .sub-title{font-size:.34rem}}